var vs let - 第三方腳本衝突示範

🔴 使用 var（可能會衝突）

當使用 var 在全域範圍內宣告變數時，這些變數會成為全域物件（在瀏覽器中是 window 物件）的屬性，這可能導致變數名稱衝突：

• 如果多個腳本宣告相同名稱的全域變數，後面的宣告會覆蓋前面的宣告
• 全域變數容易被意外修改，造成難以追蹤的 bug
• 可能與瀏覽器內建的全域變數或第三方套件產生命名衝突

例如：
var name = "MyApp"; // 假設這是你的應用程式
var name = "AnotherScript"; // 第三方腳本可能覆寫你的變數
console.log(name); // 輸出 "AnotherScript"，而不是 "MyApp"

執行我的 var 程式 執行第三方 var 程式

>🟢 使用 let（避免變數污染）

使用 let 宣告的變數具有區塊作用域，不會成為全域物件的屬性，從而避免了全域變數污染：

• let 宣告的變數不會添加到全域物件（如 window）中
• 變數只能在其宣告的區塊內存取，減少意外修改的風險
• 可以安全地在不同區塊中使用相同變數名稱而不會互相干擾
• 有助於避免命名衝突和意外覆寫問題

例如：
let name = "MyApp"; // 這不會影響全域物件
{ let name = "LocalName"; console.log(name); } // 輸出 "LocalName"
console.log(name); // 輸出 "MyApp"，不受區塊內變數影響

執行我的 let 程式 執行第三方 let 程式